﻿<!DOCTYPE html>
<html lang="en">
<head>
    <title>收藏夹书签</title>
    <link rel="stylesheet" href="styles/reset.css" />
    <link rel="stylesheet" href="styles/960_fluid.css" />
    <link rel="stylesheet" href="styles/main.css" />
    <link rel="stylesheet" href="styles/side_nav.css" />
    <script src="../../Extend/jquery-2.1.0.min.js"></script>
    <script src="../../Extend/jquery.cookie.js"></script>
    <script type="text/javascript" src="scripts/sherpa_ui.js"></script>
    <script src="../../Extend/Messenger.js"></script>
</head>
<body style="background-image: url(images/bg_wood.jpg); background-repeat: repeat;">
    <div id="wrapper" class="container_16" style="z-index: 9999999; position: fixed; top: 0px; left: 0px; width: 100%;">
        <div id="side_nav" class="side_nav grid_3 push_down" style="z-index: 9999999; position: fixed; top: 0px; left: 0px;">
        </div>

        <div id="main" class="grid_13 omega" style="z-index: 9999998; position: fixed; bottom: 0px; left: 50px; display: none;">
            <div class="content round_all clearfix">
                <div id="colour_switcher" class="grid_16 alpha omega switcher">
                    <h3>选择书签主题</h3>
                    <a id="blue" href="#"><span>Blue</span></a>
                    <a id="red" href="#"><span>Red</span></a>
                    <a id="green" href="#"><span>Green</span></a>
                    <a id="cyan" href="#"><span>Cyan</span></a>
                    <a id="orange" href="#"><span>Orange</span></a>
                    <a id="pink" href="#"><span>Pink</span></a>
                    <a id="purple" href="#"><span>Purple</span></a>
                    <a id="navy" href="#"><span>Navy</span></a>
                    <a id="brown" href="#"><span>Brown</span></a>
                </div>
                <div id="bg_switcher" class="grid_16 alpha omega switcher">
                    <h3>选择背景主题</h3>
                    <a id="hatch" href="images/bg_hatch_grey_dark.jpg"><span>Hatch</span></a>
                    <a id="ash" href="images/bg_ash.jpg"><span>Ash</span></a>
                    <a id="brown_noise" href="images/bg_diag_wood.jpg"><span>Brown Noise</span></a>
                    <a id="dark_wood" href="images/bg_dark_wood.jpg"><span>Dark Wood</span></a>
                    <a id="holes" href="images/bg_holes.png"><span>Holes</span></a>
                    <a id="honeycomb" href="images/bg_honeycomb.png"><span>Honeycomb</span></a>
                    <a id="noise" href="images/bg_noise.png"><span>Noise</span></a>
                    <a id="punched" href="images/bg_punched.png"><span>Punched</span></a>
                    <a id="silver_noise" href="images/bg_silver_noise_grey.jpg"><span>Silver</span></a>
                    <a id="squares" href="images/bg_squares.png"><span>Squares</span></a>
                    <a id="wood" href="images/bg_wood.jpg"><span>Wood</span></a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
